<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="<%=request.getContextPath()%>/common/jquery-1.3.min.js"></script>
<link href="<%=request.getContextPath()%>/common/style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
function preview(){	
   var x = document.getElementById("image1");
   var y = document.getElementById("image2");
   var z = document.getElementById("image3");
   if((!x || !x.value)&&(!y || !y.value)&&(!z || !z.value)) return true;	
   var patn = /\.jpg$|\.jpeg$\.png$\.bmp$|\.gif$/i;
   
   if(x.value && !patn.test(x.value)){
			   alert(".jpg,.jpeg,.png,.bmp,.gifの仕組み図を追加してください！");
			   return false;
	   }

   if(y.value && !patn.test(y.value)){
			   alert(".jpg,.jpeg,.png,.bmp,.gifの仕組み図を追加してください！");
			   return false;
	   }
   
   if(z.value && !patn.test(z.value)){
		   alert(".jpg,.jpeg,.png,.bmp,.gifの仕組み図を追加してください！");
		   return false;
   }
  	 return true;
}

function fnSubmit(){
	if(preview()){
		document.forms[0].submit();
	}
}
</script>
</head>
<body id="page5">
<div class="tail-right"></div>
<div class="tail-right-top"></div>
<div class="tail-top">
  <div class="tail-bottom">
    <div class="tail-bg">
      <div class="top-bg">
        <div class="tail-right-bot"></div>
        <div class="bot-bg">
          <div id="main">
            <!-- header -->
            <div id="header">
              <h1><a href="<%=request.getContextPath()%>">fss</a></h1>
              <ul class="top-login">
              <s:if test="#session.user_login==null">
                <li><img alt="" src="../images/userid.gif" /></li>
                <li><input type="text" name="user.userId" id="user_name" /></li>
                <li><img alt="" src="../images/password.gif" /></li>
                <li><input type="password" name="user.pwd" id="password" /></li>
                <li><a class="loginbutton" href="javascript:fnLogin();"></a></li>
                <li><a class="registerbutton" href="/fssProject/user/initRegister" ></a></li>
              </s:if><s:else>
              	<li><h4><s:property value="#session.user_login.displayName"/>,Welcome!</h4></li>
              	<li><a class="mypagebutton" href="/fssProject/user/myInfo"></a></li>
                <li><a class="logoutbutton" href="/fssProject/Logout"></a></li>
                </s:else>
              </ul>
            </div>
            <div class="extra-img"><img alt="" src="../images/extra-img.png" class="png"/></div>
            <div class="wrapper">
              <!-- nav -->
              <div id="nav">
                <ul>
                 <li><a href="/fssProject/mainPage">ホーム</a></li>
                  <li><a href="/fssProject/experience/list"><s:property value="#session.btn1.content"/></a></li>
                  <li><a href="/fssProject/secondHand/list"><s:property value="#session.btn2.content"/></a></li>
                  <s:if test="#session.user_login.userId in {'fss_admin1','fss_admin2','fss_admin3'}">
                  <li><a href="/fssProject/user/userManage">ユーザ管理</a></li>
                  <li><a href="/fssProject/cmsContent/editCMSContent">CMS変更</a></li>
                  </s:if>
                </ul>
              </div>
              <!-- content -->
              <div id="content">
                <div class="section">
                  <!-- box begin -->
                  <div class="box">
                    <div class="left-top-corner png">
                      <div class="right-top-corner png">
                        <div class="border-top png"></div>
                      </div>
                    </div>
                    <div class="border-left png">
                      <div class="border-right png">
                        <div class="inside png">
                          <h2>CMS変更</h2>
                          <div id="message"><h4><font color="Red"><s:property value="msg"/></font></h4></div>
                          <p></p>
                          <form id="contacts-form" method="post" action="edit" enctype="multipart/form-data">
                            <fieldset>
                            	<div class="field">
	                            	<label>希望するLOGO:</label>
	                            	<input type="file" id="image1" name="image1"><br/>
                            	</div>
                            	<div class="field">
                            		<label>希望する写真1:</label>
                            		<input type="file" id="image2" name="image2"><br/>
                            	</div>
                            	<div class="field">
                            		<label>希望する写真2:</label>
                            		<input type="file" id="image3" name="image3"><br/>
                            	</div>
                              
                              <div class="field">
                                <label>希望するボタン1:</label>
                                <s:hidden name="cmsBtn1.cmsId"/>
                                <s:textfield name="cmsBtn1.content"/>
                              </div>
                              <div class="field">
                                <label>希望するボタン2:</label>
                                <s:hidden name="cmsBtn2.cmsId"/>
                                <s:textfield name="cmsBtn2.content"/>
                              </div>
                              <div class="field">
                                <label>希望するボタン3:</label>
                                <s:hidden name="cmsBtn3.cmsId"/>
                                <s:textfield name="cmsBtn3.content"/>
                              </div>
                              <div class="field">
                                <label>希望するタイトル1:</label>
                                <s:hidden name="cmsTitle1.cmsId"/>
                                <s:textfield name="cmsTitle1.content"/>
                              </div>
                              <div class="field">
                                <label>希望するタイトル2:</label>
                                <s:hidden name="cmsTitle2.cmsId"/>
                                <s:textfield name="cmsTitle2.content"/>
                              </div>
                              <div class="field">
                                <label>希望するタイトル3:</label>
                                <s:hidden name="cmsTitle3.cmsId"/>
                                <s:textfield name="cmsTitle3.content"/>
                              </div>
                              <div class="field">
                                <label>希望するタイトル4:</label>
                                <s:hidden name="cmsTitle4.cmsId"/>
                                <s:textfield name="cmsTitle4.content"/>
                              </div>
                              <div class="field">
                                <label>希望するタイトル5:</label>
                                <s:hidden name="cmsTitle5.cmsId"/>
                                <s:textfield name="cmsTitle5.content"/>
                              </div>
                              <div class="field">
                                <label>希望するタイトル6:</label>
                                <s:hidden name="cmsTitle6.cmsId"/>
                                <s:textfield name="cmsTitle6.content"/>
                              </div>
                              <div class="field">
                                <label>希望するタイトル7:</label>
                                <s:hidden name="cmsTitle7.cmsId"/>
                                <s:textfield name="cmsTitle7.content"/>
                              </div>
                              <div class="field">
                                <label>希望するタイトル8:</label>
                                <s:hidden name="cmsTitle8.cmsId"/>
                                <s:textfield name="cmsTitle8.content"/>
                              </div>
                              <div class="wrapper">
                                <div><a class="hennkou" href="javascript:fnSubmit();"></a></div>
                              </div>
                            </fieldset>
                          </form>
                        </div>
                      </div>
                    </div>
                    <div class="left-bot-corner png">
                      <div class="right-bot-corner png">
                        <div class="border-bot png"></div>
                      </div>
                    </div>
                  </div>
                  <!-- box end -->
                </div>
              </div>
            </div>
          </div>
          <!-- footer -->
          <div id="footer">
            <div class="indent">
              <div class="fleft">Copyrights - Ritsumeikan University</div>
              <div class="fright">Designed by: <a href="http://www.ritsumei.jp/ise/index_j.html"><img src="../images/designer.gif" /> </a>Provider</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>